<template>
    <div class="loadApp">
        <div class="slogan">
            <img src="../../assets/imgs/icon_slogan.svg"/>
        </div>
        <div class="desc">协助医生的移动诊室医生助手</div>
        <div class="logo">
            <img src="../../assets/imgs/icon_logo.svg"/>
        </div>
        <div class="function">
            <img src="../../assets/imgs/icon_function.svg"/>
        </div>
        <div class="load" @click="loadApp">立即下载</div>
    </div>
</template>

<script>
    import CallApp from './index'

    export default {
        methods: {
            loadApp() {
                const options = {
                    scheme: {
                        protocol: 'dachenxgzs://'
                    },
                    intent: {
                        package: '',
                        scheme: 'dachenxgzs://'
                    },
                    appstore: 'https://itunes.apple.com/cn/app/%E7%8E%84%E5%85%B3%E5%8A%A9%E6%89%8B/id1143018664',
                    yingyongbao: 'https://sj.qq.com/myapp/detail.htm?apkName=com.dachen.doctorhelper',
                    fallback: 'https://sj.qq.com/myapp/detail.htm?apkName=com.dachen.doctorhelper',
                };
                const callLib = new CallApp(options);
                callLib.open({
                    path: ''
                });
            }
        }
    }
</script>

<style lang="scss" scoped>
    .loadApp {
        width: 100%;
        height: 100vh;
        background-image: url("../../assets/imgs/body_icon_grid.svg");
        .slogan {
            height: 40vw;
            line-height: 40vw;
            text-align: center;
            & > img {
                width: 64vw;
                height: 21.33vw;
            }
        }
        .desc {
            height: 16vw;
            line-height: 16vw;
            text-align: center;
            font-size: 4.27vw;
            color: #00CC8E;
        }
        .logo {
            height: 42.63vw;
            line-height: 42.63vw;
            text-align: center;
            & > img {
                width: 40vw;
                height: 40vw;
            }
        }
        .function {
            height: 21.33vw;
            line-height: 21.33vw;
            text-align: center;
            & > img {
                width: 74.67vw;
                height: 17.07vw;
            }
        }
        .load {
            width: 80vw;
            height: 12.8vw;
            line-height: 12.8vw;
            border-radius: 3px;
            text-align: center;
            margin: 14vw auto 0;
            background-image: linear-gradient(to left, #00E99B, #1BDD97, #03D088);
        }
    }
</style>
